<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script>

    <title>jquery</title>
</head>

<body>
    <button>get</button>
    <button>post</button>
    <button>ajax</button>

    <script>
        // $.get(url,{参数},(data)=>{},responseType)
        $('button').eq(0).click(function () {
            // $.get('http://127.0.0.1/query',{name:'attuigu',age:10},(data)=>{
            //     console.log(data);
            // })
            $.get('http://127.0.0.1/jquery-get',{name:'atguigu'},(data)=>{
                console.log(data);
            },'json');
        });

        // post
        $('button').eq(1).click(function(){
            $.post('http://127.0.0.1/jquery-post',{name:'尚硅谷'},function(data){
                console.log(data);
            },'json');
        })

        // ajax
        $('button').eq(2).click(function(){
            $.ajax({
                //请求方式
                method:'post',
                // 参数数据
                data:{
                    name:'atguigu',
                    age:19
                },
                //请求地址
                url:'http://127.0.0.1/jquery-post',
                // 返回类型
                type:'json',
                //  请求头
                headers:{
                    token:1123
                },
                //成功的回调
                // data响应体
                success:function(data){
                    console.log(data);
                }
            })
        })
    </script>
</body>

</html>